<template>
    <div class="form-group">
        <div class="form-inline mb-1">
            <label>名字</label>
            <input type="text" class="ml-2 form-control-plaintext" readonly :value="image.baseInfo.name" />
        </div>
        <div class="form-inline mb-1">
            <label>尺寸</label>
            <input type="text" class="ml-2 form-control-plaintext" readonly :value="`${image.baseInfo.width} * ${image.baseInfo.height}`" />
        </div>
        <div class="form-inline mb-1">
            <label>大小</label>
            <input type="text" class="ml-2 form-control-plaintext" readonly :value="formateSize(image.baseInfo.size)" />
        </div>
        <div class="form-inline mb-1">
            <label>创建时间</label>
            <input type="text" class="ml-2 form-control-plaintext" readonly :value="formateDate(image.baseInfo.createDate)" />
        </div>
        <div class="form-inline mb-1">
            <label>最后修改时间</label>
            <input type="text" class="ml-2 form-control-plaintext" readonly :value="formateDate(image.baseInfo.lastModifyDate)" />
        </div>
    </div>
</template>
<script type="text/javascript">
export default {
    props: {
        image: {
            type: Object,
            required: true
        }
    }
}
</script>